<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/swiper-bundle.min.css">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="js/swiper-bundle.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.js"></script>
</head>


<body>
    <div id="header">
        <header>
            <div class="china-sony-logo">
                <h1 id="logo">
                    <a href="" class="logo"></a>
                </h1>
                <div id="sony-china">
                    <a href="" id="sony-globe-home" target="_blank"></a>
                    <a href="" id="Chian-Sony-Img"></a>
                </div>
            </div>
            <div class="Nav">
                <ul>
                    <li class="Sony-Nav1"><a href="">索尼产品</a>
                        <div id="Sony-Show"></div>
                    </li>
                    <li class="Sony-Nav2"><a href="">服务与支持</a></li>
                    <li class="Sony-Nav3"><a href="">企业社会责任</a></li>
                    <li class="Sony-Nav4"><a href="">人才招聘</a></li>
                    <li class="Sony-Nav5"><a href="">新闻中心</a></li>
                    <li class="Sony-Nav6"><a href="">关于索尼</a></li>
                </ul>


            </div>
        </header>
    </div>

    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><a href=""
                    style="background: url(https://www.sony.com.cn/content/dam/sonyportal/images/kv/kv_wf_1000xm4_210618b_sony.jpg);"></a>
            </div>
            <div class="swiper-slide"><a href=""
                    style="background: url(https://www.sony.com.cn/content/dam/sonyportal/images/kv/kv_expo_210512_sony.jpg);"></a>
            </div>
            <div class="swiper-slide"><a href=""
                    style="background: url(https://www.sony.com.cn/content/dam/sonyportal/images/kv/e-china_750-950.png);"></a>
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>

    </div>






    <script>
        var mySwiper = new Swiper('.swiper-container', {
            autoplay: true,
            loop: true,
            pagination: {
                el: '.swiper-pagination',
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        })

        $(".Sony-Nav1").mouseenter(function () {
            $("#Sony-Show").css("display", "block")
        })
        $(".Sony-Nav1").mouseleave(function () {
            $("#Sony-Show").css("display", "none")
        })

        // console.log($("#" + "Sony-Show"));

        function People(name, age) {
            this.name = "xixi",
                this.age = 18
            return {}
        }
        var obj = new People();
        console.log(obj);

    </script>
</body>

</html>